<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>菜单管理</title>
		[#include "/admin/common/commonurl.html"]
		<style type="text/css">
			.titleinfo {
				width: 60px;
			}
		</style>
	</head>

	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default">
			<script type="text/javascript">
				try {
					ace.settings.check('navbar', 'fixed')
				} catch (e) {
				}
			</script>

			[#include "/admin/common/navbar.html"]

			<!-- /.navbar-container -->
		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try {
					ace.settings.check('main-container', 'fixed')
				} catch (e) {
				}
			</script>

			<div id="sidebar" class="sidebar                  responsive">
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'fixed')
					} catch (e) {
					}
				</script>
				[#include "/admin/common/shortcuts.html"]
				<!-- /.sidebar-shortcuts -->

				<!-- .nav-list -->
				[#include "/admin/common/commonmenu.html"]
				<ul class="nav nav-list">
					[@menustag id=1] [#list list as item]
					[@menu item "1,62,63"] [/@menu] [/#list] [/@menustag]
				</ul>
				<!-- /.nav-list -->

				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i class="ace-icon fa fa-angle-double-left"
					data-icon1="ace-icon fa fa-angle-double-left"
					data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>

				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'collapsed')
					} catch (e) {
					}
				</script>
			</div>

			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try {
							ace.settings.check('breadcrumbs', 'fixed')
						} catch (e) {
						}
					</script>

					<ul class="breadcrumb">
						<li>
							<i class="ace-icon fa fa-home home-icon"></i><a href="#">首页</a>
						</li>
						<li class="active">
							<a href="${siteurl}admin/menu/list.htm">菜单管理</a>
						</li>
						<li class="active">
							菜单更新
						</li>
					</ul>
					<!-- /.breadcrumb -->

					<div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon">
								<input type="text"
								placeholder="Search ..." class="nav-search-input"
								id="nav-search-input" autocomplete="off" />
								<i
								class="ace-icon fa fa-search nav-search-icon"></i> </span>
						</form>
					</div>
					<!-- /.nav-search -->
				</div>

				<div class="page-content">

					[#include "/admin/common/settings.html"]

					<!-- /.page-header -->
					<div class="row">

						<div class="col-xs-12">

							<form role="form" method="post" class="form-horizontal"
							action="${siteurl}admin/questioncatalog/model_update.htm">
								<input type="hidden" name="pageNumber" value="${pageable.pageNumber!'1'}" />
								<input type="hidden" name="pageSize" value="${pageable.pageSize!'10'}" />
								<input type="hidden" name="id" value="${model.id!''}" />
								<div class="form-group">
									<label for="form-field-1"
									class="col-sm-3 control-label no-padding-right"> 名称</label>

									<div class="col-sm-9">
										<input required="required"  type="text" value="${model.name!''}" name="name" class="col-xs-10 col-sm-10"
										placeholder="名称" id="form-field-1">
									</div>
								</div>
								<div class="form-group">
									<label for="form-field-1"
									class="col-sm-3 control-label no-padding-right">图标</label>
                                    
									<div class="col-sm-8">
										
										<select id="idcon"  class="col-xs-11 col-sm-11" name="icon">
											<option [#if model.icon = 'menu-icon fa fa-angle-right']selected="selected" [/#if] value="menu-icon fa fa-angle-right">默认</option>
											<option [#if model.icon = 'menu-icon fa fa-music']selected="selected" [/#if] value="menu-icon fa fa-music">music</option>
											<option [#if model.icon = 'menu-icon fa fa-desktop']selected="selected" [/#if] value="menu-icon fa fa-desktop">desktop</option>
											<option [#if model.icon = 'menu-icon fa fa-list']selected="selected" [/#if] value="menu-icon fa fa-list">list</option>
											<option [#if model.icon = 'menu-icon fa fa-picture-o']selected="selected" [/#if] value="menu-icon fa fa-picture-o">picture</option>
											<option [#if model.icon = 'menu-icon fa fa-list-alt']selected="selected" [/#if] value="menu-icon fa fa-list-alt">fa-list-alt</option>
											<option [#if model.icon = 'menu-icon fa fa-calendar']selected="selected" [/#if] value="menu-icon fa fa-calendar">fa-calendar</option>
											<option  [#if model.icon = 'menu-icon fa fa fa-tag']selected="selected" [/#if] value="menu-icon fa fa fa-tag">fa fa-tag</option>
											<option [#if model.icon = 'menu-icon fa fa fa-tachometer']selected="selected" [/#if]  value="menu-icon fa fa fa-tachometer">fa-tachometer</option>
											<option [#if model.icon = 'menu-icon fa fa fa-home']selected="selected" [/#if] value="menu-icon fa fa fa-home">fa-home</option>
										</select>
										 <div class="col-sm-1">
                                     	<i id="icon" class="${model.icon!'menu-icon fa fa-angle-right'}"></i>
                                     </div>
									</div>
									
									
								</div>
								<div class="form-group">
									<label for="form-field-1"
									class="col-sm-3 control-label no-padding-right"> url</label>

									<div class="col-sm-9">
										
										<input required="required"  class="col-xs-10 col-sm-10"  type="text" value="${model.path!''}" name="path" 
										placeholder="名称" id="form-field-1">
									</div>
								</div>
								<div class="form-group">
									<label for="form-field-1"
									class="col-sm-3 control-label no-padding-right"> 排序号</label>

									<div class="col-sm-9">
										<input required="required"  type="number" value="${model.sortnum!''}" name="sortnum" class="col-xs-10 col-sm-10"
										placeholder="排序号" id="form-field-1">
									</div>
								</div>
								<div class="clearfix form-actions">
									<div class="col-md-offset-3 col-md-9">
										<button type="submit" class="btn btn-info">
											<i class="ace-icon fa fa-check bigger-110"></i> 保存
										</button>

										&nbsp; &nbsp; &nbsp;
										<button type="reset" class="btn">
											<i class="ace-icon fa fa-undo bigger-110"></i> 重置
										</button>
									</div>
								</div>

								<div class="hr hr-24"></div>

							</form>

						</div>

					</div>

				</div>
			</div>
			<!-- /.main-content -->

			[#include "/admin/common/footer.html"]

		</div>
		<!-- /.main-container -->

		<!-- basic scripts -->

		[#include "/admin/common/scripts.html"]
          
          <script type="text/javascript" charset="utf-8">
          $(document).ready(function(){
          	$("#idcon").change(function(){
          		$("#icon").removeClass(""+$("#icon").attr("class")).addClass(""+$(this).val());
          	});
          });    
          </script>
		<!-- inline scripts related to this page -->
	</body>
</html>
